@content4: content4;
.@{content4}-wrapper {
  min-height: 720px;
  background: #fafafa;
  .@{content4} {
    height: 100%;
    overflow: hidden;
    &-study {
      text-align: center;
      border-radius: 4px;
      overflow: hidden;
      max-width: 1200px;
      margin: auto;
      background: #fff;
      box-shadow: 0 4px 8px rgba(0, 0, 0, .15);
      min-height: 329px;
      background: url("https://s3.cn-north-1.amazonaws.com.cn/tws-upload/images/online-center-bg.png") no-repeat center;
      video {
        display: block;
        margin: auto;
      }
    }
  }
}

@media screen and (max-width: 767px) {
  .@{content4}-wrapper {
    min-height: 350px;
    .@{content4} {
      overflow: hidden;
      width: 90%;
      margin: auto;
      &-video {
        top: 15%;
        background-size: cover;
      }
    }
  }
}
.online-center-title{
  font-size: 24px;
  letter-spacing: 2px;
  padding-top: 80px;
  color: white;
}
.light-underline {
  border: 1px solid #979797;
  width: 35px;
  margin-top: .5rem
}
.d-inline-block {
  display: inline-block!important;
}
.online-center-description {
  display: inline-block;
  margin-top: 40px;
  font-weight: lighter;
  letter-spacing: 1.5px;
  color: white;
}
.join-button button{
  width: 110px;
  margin: 50px 10px;
}
